<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>Bootstrap 101 Template</title>

	<!-- Bootstrap -->
	<link href="__CSS__/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="__CSS__/my.css">
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="__JS__/jquery.min.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="__JS__/bootstrap.min.js"></script>
</head>
<body>

   <div class="container"  height='100px' style="margin-top: 20px;margin-bottom: 20px">
   	<div class="col-md-4">
   		
   			<a href=""><img src="__IMG__/logo.jpg" style="width:60px;height:60px"></a> <span style="font-size: 25px;color:red">网Q音乐.商城</span>
   		
   	</div>


    <div class="col-md-1">
   		
   	</div>

    <div class="col-md-4">
   		<form class="navbar-form navbar-left" role="search">
  <div class="form-group">
    <input type="text" class="form-control" placeholder="Search">
  </div>
  <button type="submit" class="btn btn-default">搜索</button>
</form>
   	</div>

   	<div class="col-md-3" style="padding-top: 7px">
   		<div class="col-md-3">
   			
   		</div>
   		<div class="col-md-3">
   				 <a href="">购物车</a>
   		</div>
   		<div class="col-md-6">
   	
   		<div class="dropdown">
   		
		  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
		    Dropdown
		    <span class="caret"></span>
		  </button>
		  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
		    <li><a href="#">我的订单</a></li>
		    <li><a href="#">我的收货地址</a></li>
		    <li><a href="#">网Q音乐首页</a></li>
		    <li role="separator" class="divider"></li>
		    <li><a href="#">退出</a></li>
		  </ul>
        </div>
       </div>
   	</div>

   </div>
	






	<div style="width:100%;background-color:#ccc; ">		
		<div class="container"  height='300px'>
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
				  <!-- Indicators -->
				  <ol class="carousel-indicators">
				    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
				  </ol>

				  <!-- Wrapper for slides -->
				  <div class="carousel-inner" role="listbox">
				    <div class="item active">
				      <img src="__IMG__/Meinv007.jpg" style="width:100%;height:500px;">
				    </div>
				    <div class="item">
				      <img src="__IMG__/Meinv007.jpg" style="width:100%;height:500px;">
			
				    </div>
				    <div class="item">
				      <img src="__IMG__/Meinv007.jpg"  style="width:100%;height:500px;">
			
				    </div>
				  </div>

				  <!-- Controls -->
				  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				    <span class="sr-only">Previous</span>
				  </a>
				  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				    <span class="sr-only">Next</span>
				  </a>
			</div>
		</div>
	</div>
	<div class="container" style="margin-top:20px">

	   <div class="col-md-6">
	      <div  style=" background:url('__IMG__/4.jpg') no-repeat;width:100%;height:300px"></div>
	   </div>
	
	    <div class="col-md-6">
	     <div style=" background:url('__IMG__/4.jpg') no-repeat;width:100%;height:300px"></div>
	   </div>

		
	</div>

	<div class="container" style="margin-top: 20px">
		<div class="col-md-12">
			<b style="font-size:20px; line-height: 20px">推荐商品</b>
			<hr style="border:2px solid red">
			<div style="width:100%">

				<div class="col-md-3">
					<div class="thumbnail">
						<img src="__IMG__/Meinv007.jpg" >
						<div class="caption">
							<p><a href="#" title="现代乡村｜狂野与温柔并存的情话">现代乡村｜狂野与温柔并存的情话</a></p>


						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="thumbnail">
						<img src="__IMG__/Meinv007.jpg" >
						<div class="caption">
							<p><a href="#" title="现代乡村｜狂野与温柔并存的情话">现代乡村｜狂野与温柔并存的情话</a></p>


						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="thumbnail">
						<img src="__IMG__/Meinv007.jpg" >
						<div class="caption">
							<p><a href="#" title="现代乡村｜狂野与温柔并存的情话">现代乡村｜狂野与温柔并存的情话</a></p>


						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="thumbnail">
						<img src="__IMG__/Meinv007.jpg" >
						<div class="caption">
							<p><a href="#" title="现代乡村｜狂野与温柔并存的情话">现代乡村｜狂野与温柔并存的情话</a></p>


						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="thumbnail">
						<img src="__IMG__/Meinv007.jpg" >
						<div class="caption">
							<p><a href="#" title="现代乡村｜狂野与温柔并存的情话">现代乡村｜狂野与温柔并存的情话</a></p>


						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="thumbnail">
						<img src="__IMG__/Meinv007.jpg" >
						<div class="caption">
							<p><a href="#" title="现代乡村｜狂野与温柔并存的情话">现代乡村｜狂野与温柔并存的情话</a></p>


						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="thumbnail">
						<img src="__IMG__/Meinv007.jpg" >
						<div class="caption">
							<p><a href="#" title="现代乡村｜狂野与温柔并存的情话">现代乡村｜狂野与温柔并存的情话</a></p>


						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="thumbnail">
						<img src="__IMG__/Meinv007.jpg" >
						<div class="caption">
							<p><a href="#" title="现代乡村｜狂野与温柔并存的情话">现代乡村｜狂野与温柔并存的情话</a></p>


						</div>
					</div>
				</div>
			</div>




			<b style="font-size:20px; line-height: 20px">热门商品</b>

			<hr style="border:2px solid red">


			<div style="width:100%">

				<div class="col-md-3">
					<div class="thumbnail">
						<img src="./public/images/1.jpg" >
						<div class="caption">
							<p><a href="#" title="现代乡村｜狂野与温柔并存的情话">现代乡村｜狂野与温柔并存的情话</a></p>


						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="thumbnail">
						<img src="./public/images/1.jpg" >
						<div class="caption">
							<p><a href="#" title="现代乡村｜狂野与温柔并存的情话">现代乡村｜狂野与温柔并存的情话</a></p>


						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="thumbnail">
						<img src="./public/images/1.jpg" >
						<div class="caption">
							<p><a href="#" title="现代乡村｜狂野与温柔并存的情话">现代乡村｜狂野与温柔并存的情话</a></p>


						</div>
					</div>
				</div>
				<div class="col-md-3">
					<div class="thumbnail">
						<img src="./public/images/1.jpg" >
						<div class="caption">
							<p><a href="#" title="现代乡村｜狂野与温柔并存的情话">现代乡村｜狂野与温柔并存的情话</a></p>


						</div>
					</div>
				</div>
			</div>

			

			

		
		</div>
		
	</div>




	<!-- footer -->
	<div style="width:100%;height:150px;background-color:#ccc;border-top:1px solid #666">
		<div class='container'>
			<div class="col-md-6" style="margin-top:50px">
				<span>关于Tomusic</span>
				<span>|</span>
				<span>客户服务</span>
				<span>|</span>

				<span>服务条款</span>
				<span>|</span>
				<span>网站导航</span>
				<span>|</span>
				<span>意见反馈</span>
				<br><br>
				<span>
					网Q公司版权所有©1997-2017杭州乐读科技有限公司运营：浙网文[2015] 0415-135号
				</span>
			</div>
			<div class="col-md-2">
			</div>
			<div class="col-md-4" style="margin-top:50px">
				战略合作:腾讯
			</div>

		</div>
	</div>
	<!-- end footer-->

</body>

</html>
